<template>
	<view class="title">
		<view class="title-left">
			{{name}}
		</view>
		<view class="title-right">
			<slot name="right"></slot>
		</view>
	</view>
</template>

<script>
	export default {
		name:"title",
		props:{
			name:{
				type:String,
				default:''
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped lang="scss">
.title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	.title-left{
		font-weight: 600;
	}
	.title-right{
		color: #00aaff;
		cursor: pointer;
	}
}
</style>